<template>
	<view>
		<view class="profile-form">
			
			<view class="profile-form-group">
				<view class="layout">
					<view class="profile-form-group-tooltip">头像</view>
					<view class="profile-form-group-volume">
						<image src="/static/icon/icon-user.png"></image>
					</view>
					<view class="profile-form-group-button">
						>
					</view>
				</view>
			</view>
			<view class="profile-form-group">
				<view class="layout">
					<view class="profile-form-group-tooltip">昵称</view>
					<view class="profile-form-group-volume">
						{{customerData.fullname}}
					</view>
					<view class="profile-form-group-button">
						>
					</view>
				</view>
			</view>
			<view class="profile-form-group">
				<view class="layout">
					<view class="profile-form-group-tooltip">简介</view>
					<view class="profile-form-group-volume">
						一句话介绍自己
					</view>
					<view class="profile-form-group-button">
						>
					</view>
				</view>
			</view>
			<view class="profile-form-group">
				<view class="layout">
					<view class="profile-form-group-tooltip">生日</view>
					<view class="profile-form-group-volume">
						{{customerData.birthday}}
					</view>
					<view class="profile-form-group-button">
						>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading:"loaded",
				orderTotal:0,
				customerData:false
				
			}
		},
		onShow() {
			let _this = this;
			_this.customerData = this.$cache.get('customer');
			console.log(_this.customerData)
			if(_this.customerData == undefined){
				_this.$authentication.getUserInfo().then(res=>{
					if(res.code == 200){
						_this.customerData = res.data;
						_this.$cache.put('customer',res.data)
					}else{
						
					}
				});
				
			}
			console.log(typeof(this.customerData))
		},
		methods: {
			
		}
	}
</script>

<style>
page { background: #ededed; }
.profile-form { width: 700rpx; margin: 25rpx; background: #fff; border-radius: 20rpx; }
.profile-form-group { width: 650rpx; padding: 30rpx 25rpx; }
.profile-form-group-tooltip { text-align: left; width: 200rpx; font-weight: bold; }
.profile-form-group-volume { text-align: right; width: 400rpx; padding-right: 10rpx; }
.profile-form-group-volume image { width: 100rpx; height: 100rpx; border-radius: 100%; }
.profile-form-group-button { width: 30rpx;}
</style>
